#@layout()
#define main()
<div class="container">
    <div class="row">
        <div class="col-4 text-center text-white">
            <div class="border border-secondary rounded" style="height:160px;">

                <a href="/json">
                    <h1 style="position: relative;margin-top: 50px;">
                        <span class="badge badge-secondary">JSON</span>
                    </h1>
                </a>
            </div>
        </div>
        <div class="col-4 text-center text-white">
            <div class="border border-secondary rounded" style="height:160px;">
                <a href="/html">
                    <h1 style="position: relative;margin-top: 50px;">
                        <span class="badge badge-secondary">HTML</span>
                    </h1>
                </a>
            </div>
        </div>
        <div class="col-4 text-center text-white">
            <div class="border border-secondary rounded" style="height:160px;">
                <a href="/css">
                    <h1 style="position: relative;margin-top: 50px;">
                        <span class="badge badge-secondary">CSS</span>
                    </h1>
                </a>
            </div>
        </div>
    </div>
    <div class="row" style="height:15px;">
    </div>
    <div class="row">
        <div class="col-4 text-center text-white">
            <div class="border border-secondary rounded" style="height:160px;">
                <a href="/js">
                    <h1 style="position: relative;margin-top: 50px;">
                        <span class="badge badge-secondary">JS</span>
                    </h1>
                </a>
            </div>
        </div>
        <div class="col-4 text-center text-white">
            <div class="border border-secondary rounded d-none" style="height:160px;">
                <a href="/jsonFormat">
                    <h1 style="position: relative;margin-top: 50px;">
                        <span class="badge badge-secondary">JSON转换</span>
                    </h1>
                </a>
            </div>
        </div>
        <div class="col-4 text-center text-white d-none">
            <div class="border border-secondary rounded" style="height:160px;">
                <a href="/time">
                    <h1 style="position: relative;margin-top: 50px;">
                        <span class="badge badge-secondary">时间转换</span>
                    </h1>
                </a>
            </div>
        </div>

    </div>
    <div class="row" style="height:15px;">
    </div>
    <div class="row"><div class="col-4 text-center text-white d-none">
        <div class="border border-secondary rounded" style="height:160px;">
            <a href="/string">
                <h1 style="position: relative;margin-top: 50px;">
                    <span class="badge badge-secondary">字符转换</span>
                </h1>
            </a>
        </div>
    </div>
        <div class="col-4 text-center text-white d-none">
            <div class="border border-secondary rounded" style="height:160px;">
                <a href="/xml">
                    <h1 style="position: relative;margin-top: 50px;">
                        <span class="badge badge-secondary">XML</span>
                    </h1>
                </a>
            </div>
        </div>
        <div class="col-4 text-center text-white d-none">
            <div class="border border-secondary rounded" style="height:160px;">
                <a href="/java">
                    <h1 style="position: relative;margin-top: 50px;">
                        <span class="badge badge-secondary">JAVA</span>
                    </h1>
                </a>
            </div>
        </div>
    </div>
</div>
#end